<template>
  <a-collapse>
    <a-collapse-panel key="1" header="搜索条件属性说明">
      <ISearchDoc></ISearchDoc>
    </a-collapse-panel>
    <a-collapse-panel key="full"  header="搜索条件组件示例">
      <a-tabs :animated="false">
        <a-tab-pane key="full" tab="完整示例">
          <Full></Full>
        </a-tab-pane>
        <a-tab-pane key="InputAndTextarea" tab="输入框">
          <Input></Input>
        </a-tab-pane>
        <a-tab-pane key="Select" tab="下拉框">
          <Select></Select>
        </a-tab-pane>
        <a-tab-pane key="Cascader" tab="级联选择框">
          <Cascader></Cascader>
        </a-tab-pane>
        <a-tab-pane key="Time" tab="时间选择器">
          <Time></Time>
        </a-tab-pane>
        <a-tab-pane key="TreeSelect" tab="树形下拉框">
          <TreeSelect></TreeSelect>
        </a-tab-pane>
        <a-tab-pane key="ITemplate" tab="表单自定义">
          <ITemplate></ITemplate>
        </a-tab-pane>
      </a-tabs>
    </a-collapse-panel>
  </a-collapse>
</template>

<script lang="ts">
import { defineComponent, reactive, ref } from 'vue'
import ISearchDoc from './ISearchDoc.vue'
import Cascader from './commponents/Cascader.vue'
import Input from './commponents/Input.vue'
import Select from './commponents/Select.vue'
import Time from './commponents/Time.vue'
import TreeSelect from './commponents/TreeSelect.vue'
import Full from './commponents/Full.vue'
import ITemplate from './commponents/ITemplate.vue'
export default defineComponent({
    name: 'i_from_demo',
    setup () {
        return {}
    },
    methods: {},
    components: {
        ISearchDoc,
        Full,
        Cascader,
        Input,
        Select,
        Time,
        TreeSelect,
        ITemplate
    }
})
</script>

<style lang="scss" scoped>
.cus_template {
  display: flex;
}
</style>
